<!doctype html>
<html lang="en">
  <head>
    <script src="index.js" type="module"></script>
    <script src="../../helpers/header.js" type="module"></script>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="container text-center">
      <div class="transfer-list flex">
        <section class="left-section"></section>
        <section class="controls">
          <button class="move-all-left" title="Move all to left">&lt;&lt;</button>
          <button class="move-left" title="Move to left">&lt;</button>
          <button class="move-right" title="Move to right">&gt;</button>
          <button class="move-all-right" title="Move all to right">&gt;&gt;</button>
        </section>
        <section class="right-section"></section>
      </div>
    </div>
  </body>
</html>
